:host {
    .resource-widgets-panel {
        background-color: var(--toolboxBackground);
        color: var(--toolboxColor);
        font-size: 11px;
        margin: unset;
    }

    .resource-widgets-header {
        max-height: 23px;
        text-align: center;
        vertical-align: middle;
        padding-left: 8px;
        padding-right: 8px;
        border-top: 1px solid var(--toolboxBorder);
        box-shadow: 0px 1px 3px 0px #000;
        font-size: 11px;

        mat-panel-title {
            display: contents;
        }
    }

    .resource-images-header:enabled .resource-images-header::selection{
        color: rgba(255,255,255,1);
    }

    .lib-widget-item {
        display: inline-block;
        padding: 3px 3px 3px 3px;
        margin: 2px 2px 2px 2px;
        position: relative;

        img {
            width: 85px;
            height: 85px;
            min-width: 50px;
            cursor: pointer;
        }

        mat-icon {
            position: absolute;
            bottom: 4px;
            right: 4px;
            font-size: 16px;
            cursor: pointer;
            height: unset;
            width: unset;
        }
    }

    .selected {
        background-color: #bdbdbd;
    }

    .lib-widget-item:hover {
        background-color: rgba(182, 182, 182, 0.3);
    }
}